import React, {useState} from "react";
import Footer from "./layout/Footer";
import Header from "./layout/Header";
import ProjectList from "./layout/ProjectList";
import Sidebar from "./layout/Sidebar";
import { SearchContextProvider } from "./provider/tsx";



export default function App({children}) {
  const [isSidebarOpen, setIsSidebarOpen] = useState(true);

  const toggleSidebar = () => {
    setIsSidebarOpen(!isSidebarOpen);
  };
  return (
    <SearchContextProvider>
      
    <div className="flex flex-col h-screen">
      <Header />

      <div className="flex-1">
        <div className="flex">
          <Sidebar/>
           {children} 
        </div>

      </div>

      <Footer />
    </div>

    </SearchContextProvider>
  );
}
